<template>
  <div id="out">
			<div class="top">
				<div class="top-t">
					<div class="t1">李航&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;155****7268</div>
					<div class="t2">河南省郑州市金水区中州大道农业路苏荷中心1926</div>
					<div class="t3">默认</div>
					<img src="/static/imgs_s11/s011_edit.png" class="img1">
				</div>
				<hr >
				<div class="top-t">
					<div class="t1">陈子义&nbsp;&nbsp;&nbsp;&nbsp;131****2825</div>
					<div class="t2">河南省郑州市金水区中州大道农业路苏荷中心1927</div>
					<img src="/static/imgs_s11/s011_edit.png" class="img2">
				</div>
			</div>
			
			<div class="footer">
				<span>新增地址</span>
				<img src="/static/imgs_s11/s011_add.png" class="img3">
			</div>
		</div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
			#out{
				width: 375px;
				height: 667px;
				background-color: rgb(244,244,244);
				/* border:#F0F0F0 solid 1px; */
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				
			}
			#out .top{
				width: 373px;
				height: 150px;
				background-color: #FFFFFF;
				margin-top: 60px;
				position: relative;
				margin-left: 1px;
			}
			
			#out .top .top-t{
				width: 300px;
				height: 68px;
				display: inline-block;
				position: relative;
			}
			
			#out .top .top-t .t1{
				margin-top: 15px;
				margin-left: 10px;
				font-size: 13px;
			}
			#out .top .top-t .t2{
				
				
				font-size: 12px;
				margin-top: 10px;
				margin-left: 10px;
				color:rgb(0,0,0,0.5)
				
			}
			#out .top .top-t .t3{
				width: 24px;
				
				background-color:#32B16C;
				font-size:1px;
				color: #F0F0F0;
				position: absolute;
				top: 18px;
				left: 145px;
			}
			
			
			#out .footer{
				width: 344px;
				height: 35px;
				margin-top: 415px;
				margin-left: 16px;
				
				
				background-color:rgb(57,176,110);
				
				border-radius:18px;
				text-align:center;
				color: #FFFFFF;
				line-height: 35px;
				font-size: 14px;
				position: relative;
			}
			#out .top .img1{
				width: 16px;
				height: 16px;
				position: absolute;
				top: 30px;
				left: 330px;
			}
			#out .top .img2{
				width: 16px;
				height: 16px;
				position: absolute;
				top: 25px;
				left: 330px;
			}
			#out .footer .img3{
				width: 16px;
				height: 16px;
				position: absolute;
				top: 9px;
				left: 125px;
			}
			
			
			
		</style>
